<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/lib/swiper.min.css">
       <script>
    (function() {
        function setFontSize(k) {
            document.documentElement.style.fontSize =
                ((((k / 750) * 100) / 16) * 100) + '%';
        }

        function initRem() {
            var W = document.documentElement.clientWidth;
            var H = document.documentElement.clientHeight;
            if (W < H) {
                // console.log("竖屏");
                setFontSize(W);
            } else {
                // console.log("横屏");
                setFontSize(H);
            }
        }
        window.addEventListener('orientationchange' in window ? 'orientationchange' : 'resize', initRem, false);
        document.addEventListener('DOMContentLoaded', initRem, false);
    })();
    </script>
</head>